<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- 引入ESAYUI 的主题样式   -->
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/themes/bootstrap/easyui.css" />
<!--  ESAYUI 提供的图标样式 -->
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/themes/icon.css" />
<!-- 引入JQUERY 和  easyui.js   中文设置JS-->
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery-1.9.1.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery.easyui.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/easyui-lang-zh_CN.js"></script>
</head>
<script type="text/javascript">
	$(function() {
		
		//----配置部门下拉框----
			$('#did').combobox({
			url : 'selectdid',
			valueField : 'id',
			textField : 'text',
			panelHeight : 'auto'
		});
//----------------------------------------------
		//----加班条框----
		$('#qjia').window({
			title : '加班申请单',
			width : 1000,
			height : 400,
			collapsible : false,//关闭折叠按钮
			closable : false,//关闭x按钮
			minimizable : false
		});

		//----提交加班申请表---
		$("#csubmit").linkbutton({
			onClick : function() {

				$('#ff').submit();
				$('#qjia').window('close');  
			}

		})
		$('#ff').form({
			url : 'AddTime',
			onSubmit : function() {

			},
			success : function(data) {

			}
		});
	
		// ---- 查询处理按钮 ----
			$("#cmit").linkbutton({
			onClick : function() {
				//点击按钮打开查询框
				$('#win').window('open');
				$('#qjia').window('close');  
			}

		});
		
		//---- 配置查询框 ----
		$('#win').window({    
			title : '查询',
		    width:240,    
		    height:200,    
		    closed:true,
			collapsible : false,//关闭折叠按钮
			closable : false,//关闭x按钮
			minimizable : false,//关闭x最小化
			maximizable:false//关闭最大化		   
		}); 
		
		//---- 配置查询条件输入框 ----
			$('#eeid').textbox({       
   					 iconCls:'icon-man', 
  					 iconAlign:'left'  ,  
    	
		});
		
//申请结果查询提交请求
		$("#bmit").linkbutton({
			onClick : function() {

				$('#fsqjg ').submit();
				$('#win').window('close');  
				$('#p3').window('open');
			}

		})
		$('#fsqjg').form({
	//		url : 'SQCX',
			onSubmit : function() {

			},
			success : function(data) {

			}
		});

//---------------------
	$('#p3').window({
			title : '加班序列单',
			width : 1000,
			height : 400,
			 closed:true,
			collapsible : false,//关闭折叠按钮
			closable : true,//关闭x按钮
			minimizable : false
		});
//审批结果展示
		$('#dg').datagrid({    
		  //  url:'datagrid_data.json',    
		  url:'SQCX',
		    columns:[[    
		        {field:'ename',title:'姓名',width:100},      
		        {field:'department',title:'部门',width:100},  
		        {field:'wcontent',title:'加班事由',width:100},   
		        {field:'opinion',title:'审批结果',width:100},    
		        {field:'remake',title:'备注',width:100},    
		        {field:'retime',title:'审批时间',width:100},  
		    ]],
		  rownumbers:true,
		    pagination:true,
		    pagePosition:'bottom',
		    pageSize:3,
		    pageList:[3,6,9],
		    
		});  



	})
</script>

<body>
<div>
<a id="cmit" href="#" class="easyui-linkbutton">查询处理</a>

</div>

	<!-- 加班条框开始 -->
	<div id="qjia">
		<div style="text-align: center;">
			<h3>加班申请表</h3>
		</div>
		<br>
		<form id="ff" method="post">
			<!-- 人员 -->
			<div style="margin-left: 40px">
				申&nbsp;请&nbsp;人&nbsp;<input type="text" id="ename" name=" ename"value="${sessionScope.user.username}"> 
			</div>
			<br>
			<br>
			<!-- 人员 -->
			<div style="margin-left: 40px">
				人员编号<input type="text" id="eid" name=" eid"value="${sessionScope.user.usernum}"> 			
			</div>
			<br>
			<!-- 申请日期 -->
			<div style="margin-left: 600px; margin-top: -70px">
				申请日期<input id="date" name="date" class="easyui-datebox"label="Start Date:" labelPosition="top" style="width: 30%;" required="true">
			</div>
			
			<br> <!-- 部门选择用下拉框 -->
			<div style="margin-left: 600px">						
					部门:<input id="did" value="请选择 " name='did'required="true" required="true" />
					</div>
			<br>
			<!-- 加班事由框 -->
			<div style="margin-left: 40px">
				加班事由 <input id="wcontent" name="wcontent" type="text"style="width: 150px; height: 30px;" required="true">
			</div>
			<br>
			<!-- 加班时间 -->
			<div style="margin-left: 40px">
				加班开始时间 <input id="btime" name="btime" class="easyui-datetimebox"label="Select DateTime:" labelPosition="top" style="width: 40%;"required="true">
				加班结束时间 <input id="etime" name="etime" class="easyui-datetimebox"label="Select DateTime:" labelPosition="top" style="width: 40%;"required="true">
			</div>
			<br>
			<!-- 审批结果 -->
			<div style="margin-left: 40px">
				审批结果 <input id="opinion" name="opinion" type="text"style="width: 100px; height: 30px;">
			</div>
			<br> <br>
			<div style="text-align: center;">
				<a id="csubmit" href="#" class="easyui-linkbutton">提交</a>
			</div>
		</form>
</div>
<!-- 加班条框结束 -->



<!-- 申请结果查询 -->

<div id="win">
<form id = "fsqjg" method="post">
<h5 style="text-align: center;">当前人员编号</h5>
<input type="text" id="eeid" name=" eeid"value="${sessionScope.user.usernum}"  style="text-align: center;width: 140px;height: 30px;">
<br>
<div style="text-align: center;">
<a id="bmit" href="#" class="easyui-linkbutton">提交</a>
</div>
</form>
</div>  

<!--   审批结果展示 -->

<div id="p3" style="padding:10px;">    
<!-- 审批结果 -->
	<table id="dg">
	
	</table>  
 
</div>  


</body>
</html>